* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  font-size: 12px;
  color:#000 }

body, ul, li, h5, p {
  padding: 0;
  margin: 0;
  font-family: "Microsoft YaHei",Helvetica; }

body, html, .con {
  width: 100%;
  height: 100%;
  position: relative;
  background: #f5f5f5;
}

em, i, b, a{
  font-style: normal;
}

li {
  list-style: none;
  display: block; }

  .mini-layout {
      margin-bottom: 20px;

  }

  .mini-layout-sidebar {
      width: 100%;
      height: 20px;

  }

  .mini-layout-body{
    height: 20px;
    font-size: 12px;
    margin: 0 auto;
  }

  .content{
    width: 100%;
    height: 150px;
    .marking_con{
      width: 100%;
      p{
        margin: 20px 25px;
      }
      img{
        text-align: center;
        width: 240px;
        height: 205px;
      }
    }


  }

  // .div_form{
  //   text-align: center;
  //   .form{
  //     height: 100px;
  //     margin: 0 auto;
  //     padding: 10px;
  //
  //     // input{
  //     //   height: 30px;
  //     //   position: relative;
  //     //   top:4px;
  //     //   width:88%;
  //     //   border:none;
  //     // }
  //     span{
  //       color: red;
  //       margin-left:-16%;
  //     }
  //     label{
  //       display: inline-block;
  //     }
  //     // button{
  //     //   width: 100%;
  //     //   margin-top:20px;
  //     // }
  //   }
  // }


  /* 大屏幕 */
  body{
    text-align:center;
    width: 100%;
  }
  @media screen and (min-width: 1076px) {
    body{
      background: #f5f8fa !important;
    }
    .content{
      p{
        margin: 20px 25px;
      }
    }
    .root_c{
      width: 1000px;
      margin:auto;
      border: 1px solid #ccc;
      height: 861px;
      background: #fff !important;
    }
    .div_form{
      text-align: center;
      .form{
        height: 100px;
        margin: 0 auto;
        padding: 10px;
        // div{
        //   border-bottom:1px solid #ccc;
        //   height: 46px;
        //   width: 300;
        //   margin: auto;
        // }

        input{
          height: 30px!important;
          position: relative!important;
          top:4px!important;
        }
        span{
          color: red;
          margin-left:-16%;
        }
        label{
          display: inline-block;
        }
      }
    }
  }

  /* 平板电脑和小屏电脑之间的分辨率 */
  @media screen and (min-width: 768px) and (max-width: 979px) {
    .div_form{
      text-align: center;
      .form{
        height: 100px;
        margin: 0 auto;
        padding: 10px;
        div{
          border-bottom:1px solid #ccc;
          height: 46px;
        }
        input{
          height: 30px;
          position: relative;
          top:4px;
          width:88%;
          border:none;
        }
        span{
          color: red;
          margin-left:-16%;
        }
        label{
          display: inline-block;
        }
        button{
          width: 100%;
          margin-top:20px;
        }

      }
    }
  }

  /* 横向放置的手机和竖向放置的平板之间的分辨率 */
  @media screen and (max-width: 767px) {


    .div_form{
      text-align: center;
      .form{
        height: 100px;
        margin: 0 auto;
        padding: 10px;
        div{
          border-bottom:1px solid #ccc;
          height: 46px;
        }
        input{
          height: 30px;
          position: relative;
          top:4px;
          width:88%;
          border:none;
        }
        span{
          color: red;
          margin-left:-16%;
        }
        label{
          display: inline-block;
        }
        button{
          width: 100%;
          margin-top:20px;
        }

      }
    }

  }

  /* 横向放置的手机及分辨率更小的设备 */
  @media screen and (max-width: 480px) {

    .div_form{
      text-align: center;
      .form{
        height: 100px;
        margin: 0 auto;
        padding: 10px;
        div{
          border-bottom:1px solid #ccc;
          height: 46px;
        }
        input{
          height: 30px;
          position: relative;
          top:4px;
          width:88%;
          border:none;
        }
        span{
          color: red;
          margin-left:-16%;
        }
        label{
          display: inline-block;
        }
        button{
          width: 100%;
          margin-top:20px;
        }

      }
    }

   }
